window.$ = $;

$(document).ready(function () {
  let $li = $(".nav .list li");
  // eslint-disable-next-line no-unused-vars
  let $index = 0;
  $li.hover(
    function () {
      $index = $(this).index();
      $li.eq($index).addClass("active").siblings().removeClass("active");
      $li.eq($index).find(".sub_nav").fadeIn();
      $li.eq($index).siblings().find(".sub_nav").fadeOut();
      if ($li.eq($index).find(".sub_nav").length) {
        $li.eq($index).find(".triangle").fadeIn();
        $li.eq($index).siblings().find(".triangle").hide();
      } else {
        $li.eq($index).find(".triangle").hide();
      }
    },
    function () {
      $li.find(".sub_nav").fadeOut();
      $li.find(".triangle").hide();
      $li.removeClass("active");
    }
  );
  let navBg = $(".nav .top_bg");
  $(document).scroll(function () {
    let scroH = $(document).scrollTop();
    if (scroH >= 80) {
      navBg.fadeIn(500);
    } else {
      navBg.fadeOut(400);
    }
  });
});
